var QQMapWX = require('../../uslit/qqmap-wx-jssdk.min.js');
var qqmapsdk;
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 地址
    dizhi: "",
    // 定位
    dingwei: '',
    // 周边设施
    surroundingList:[]
  },
// 地址按钮跳转
city() {
  wx.navigateTo({
    url: "/pages/city/city"
  })
},
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    //  底部导航样式切换
    this.getTabBar().setData({
      xfq: 3
    })
    // 地图位置信息
    var that = this;
    // 实例化API核心类    腾讯地图相关的那个
    qqmapsdk = new QQMapWX({
      key: 'NLEBZ-N6KKW-GHCR7-RSB3M-JYL4S-G7F4G'
    });
    // 获取位置
    wx.getLocation({
      success(res) {
        // 点击确认,获取成功
        console.log(res);
        //  获取位置更改后,调用 腾讯地图接口
        qqmapsdk.reverseGeocoder({
          location: {
            latitude: res.latitude,
            longitude: res.longitude
          },
          coord_type: 1,
          success(res) {
            console.log(res)
            that.setData({
              dizhi: res.result.address_component.city,
              dingwei: res.result.address
            })
          }
        });
        // 周边设施搜索
        qqmapsdk.search({
          keyword:'火锅',
          location:`${res.latitude},${res.longitude}`,
          success(res){
            console.log(res);
            that.setData({
              surroundingList:res.data
            })
          }
        })
      },
      fail(err) {
        // console.log(err); 
        // 点击 拒绝 按钮的话执行  下面的引导 接口
        // 通过 wx.getSetting 查看到用户权限选择状态
        // wx.getSetting({
        //   success(res) {
        //     console.log(res)
        //   },
        // })
        // 通过   wx.openSetting 来引导用户打开设置页面，获取权限
        wx.showModal({
          title: '是否打开设置窗口',
          content: '打开设置',
          success(res) {
            //如果用户 点击 确认就   wx.openSetting
            if (res.confirm) {
              wx.openSetting({
                success(res) {
                  console.log(res)
                }
              })
            }
          }
        })
      }
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})